//点击登录按钮→收集用户输入的数据，发送到服务器→成功弹窗+跳转首页+缓存用户数据（用户名和token）
//token：服务器返回的标识→标注当前用户名是否登录了
document.querySelector('#btn-login').addEventListener('click', async function() {
    const data = serialize(document.querySelector('.login-form'), { hash: true, empty: true })

    try {
        const res = await axios.post('/login', data) //调用接口的简写 加 async await就近函数
        console.log(res)

        const { username, password } = data
        if (username == '' || password == '') return showToast('用户名和密码不能为空') //简写
        if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) return showToast('用户名不能低于8位,密码不能低于6位')



        showToast(res.message) //登录成功的信息弹窗提示

        localStorage.setItem('username', res.data.username) //本地存储 用户名
        localStorage.setItem('token', res.data.token)

        setTimeout(() => {
            location.href = './index.html'
        }, 1500);

    } catch (error) {

        showToast(error.response.data.message)

    }

})